<!--
 * @Author: your name
 * @Date: 2021-08-11 11:31:35
 * @LastEditTime: 2021-09-06 09:46:00
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /vue-full-page/src/views/Home.vue
-->
<template>
  <div class="home">
    <!-- 用法： -->
    <!-- 标签写法为：vue-full-page，对组件必须设置'#container'，对子节点必须设置'.page'，不设置会报错。
    :options为用户可选择设置属性，通过在data的options对象中添加属性设置值，不设置会默认属性-->
    <vue-full-page id="container" :options="options">
      <div class="page" v-for="i in 5 " :key="i"></div> 
    </vue-full-page>
  </div>
</template>

<script>
// @ is an alias to /src
import vueFullPage from '../components/vueFullPage.vue' //在需要的页面引入组件

export default {
  name: 'Home',
  components: {
    vueFullPage, //记的注册
  },
  data() {
    return {
      // options为用户设置属性，目前只支持对于灵敏度的设置，后续将不断更新
      options: {
        discern: 10 //设置灵敏度 数值越大，滑动翻页越灵敏
      },
    }
  }
}
</script>

